<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>顺风车 ---我做主：留言板管理</title>
<link href="${ctx}/css/myhome-css/guest-book.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="guest_right">
	<h3 class="right_h3">关注我的留言板</h3>
 	<h4 class="right_h4">查看您的留言板，回复、删除上面的留言！</h4>
 	<hr class="right_hr"/>
	<div class="guest_content">
			<h3 class="title">
				<div class="text">我的留言板</div>
				<div class="more"><div class="pager"></div></div>
			</h3>
			<table id="toolbar" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td width="20" nowrap="nowrap"><input type="checkbox" id="Q_checkall" /></td>
					<td width="525" align="left">
						<input class="ib3" id="Q_deleteAll" type="button" value=" 删除 " /><!--<input class="ib3" type="button" value="设为公开" />&nbsp;<input class="ib3" type="button" value="设为私有" />-->
					</td>
					<td width="100" nowrap="nowrap" align="right"><input class="ib3" id="Q_expendAll" type="button" value="全部展开" v1="全部展开" v2="全部收起" /></td>
				</tr>
			</table>
			<table class="linktbl" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td width="28" nowrap="nowrap" style="padding:0"></td>
					<td width="16" nowrap="nowrap" style="padding:0"></td>
					<td width="521" align="left" style="padding:0"></td>
					<td width="100" nowrap="nowrap" align="right" style="padding:0"></td>
				</tr>				
				<tr class="nor" id="1930242">
					<td nowrap="nowrap"><input type="checkbox" class="Q_checkall"/></td>
					<td nowrap="nowrap"><div class="la" id="1930242_arrow"></div></td>
					<td align="left"><a id="1930242_link" href="#" class="title" target="_blank">Thinking in java 还有多少可以卖？</a></td>
					<td nowrap="nowrap" align="right">2010/04/10</td>
				</tr>
				<tr class="ext" id="1930242_ext" style="display:table-row;">
					<td width="28" nowrap="nowrap"></td>
					<td width="16" nowrap="nowrap"></td>
					<td width="621" colspan="2">
						<div class="ctrl"><a href="javascript:void(0)" class="Q_edit">回复</a>&nbsp;|&nbsp;<a href="#" title="查看详细信息">详细信息</a></div>
						<div class="show">
							留言用户：<span id="1930242_tag"><a href="#">LiangThink</a>&nbsp; </span><br />
							回复状态：<span id="1930242_desc">已经回复</span><br />
							回复条数：<span id="1930242_private_0">(10)</span>						
						</div>
					</td>
				</tr>	
				
				<tr class="nor" id="1899550">
					<td nowrap="nowrap"><input type="checkbox" class="Q_checkall"/></td>
					<td nowrap="nowrap"><div class="la" id="1899550_arrow"></div></td>
					<td align="left"><a id="1899550_link" href="#" class="title" target="_blank">店主是什么时候开店的呀？</a></td>
					<td nowrap="nowrap" align="right">2010/04/08</td>
				</tr>
				<tr class="ext" id="1899550_ext" style="display:none">
					<td width="28" nowrap="nowrap"></td>
					<td width="16" nowrap="nowrap"></td>
					<td width="621" colspan="2">
						<div class="ctrl"><a href="javascript:void(0)" class="Q_edit" >回复</a>&nbsp;|&nbsp;<a href="/link/6cabc3e57e7f03f1f9400f5c837ad1b2/" title="查看详细信息">详细信息</a></div>
						<div class="show">
							留言用户：<span id="1899550_tag"><a href="#">redLove</a>&nbsp; </span><br />
							回复状态：<span id="1899550_desc">未回复</span><br />
							回复条数：<span id="1899550_private_0" >(9)</span>				
						</div>
					</td>
				</tr>
				</table>
			<h3 class="title">
				<div class="more"></div>
			</h3>
	</div>
</div>
<script type="text/javascript">
	var j = $(".nor").length;
	var flag = new Array;
	for(var i=0;i<j;i++){
		flag[i] = true;
	}
	$(".nor>td").click(function(){
		var these = $(".nor");
		var nor = $(this).parent();
		var f = flag[these.index(nor)];		
		var detail_id = nor.attr("id");
		var ext_id = "#"+detail_id+"_ext";
		var arrow_id = "#"+detail_id+"_arrow";
		//alert(ext_id);
		//alert(arrow_id);
		if(f){
			flag[these.index(nor)] = false;
			$(ext_id).css("display","table-row");
			$(arrow_id).removeClass("la");
			$(arrow_id).addClass("da");
			nor.addClass("mv1");  
		}else{
			flag[these.index(nor)] = true;
			$(ext_id).css("display","none");
			$(arrow_id).addClass("la");
			$(arrow_id).removeClass("da");
			nor.removeClass("mv1");   
		}
	});

	$(".nor>td").hover(
		function(){
			$(this).parent().addClass("mv");
		},
		function(){
			$(this).parent().removeClass("mv");
		}
	);
</script>
</body>
</html>